<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript">
        //静态注册表单提交事务
        function onsubmitFun() {
            //要验证所有表单项是否合法，如果有一个不合法就阻止表单提交
            alert("静态注册表单提交-----发现不合法");
            return false;
        }

        window.onsubmit = function () {
            //1.获取标签对象
            var elementById = document.getElementById("formF");
            //2.标签对象.事件名
            elementById.onsubmit = function () {
                alert("动态注册表单提交-----发现不合法");
                return false;
            }
        }
    </script>
</head>
<body>
    <!--return false 可以阻止表单提交-->
    <form action="http://localhost:8898" method="get" onsubmit="return onsubmitFun();">
        <input type="submit" value="静态注册" />
    </form>

    <!--return false 可以阻止表单提交-->
    <form id="formF" action="http://localhost:8898" method="get" onsubmit="return onsubmitFun();">
        <input type="submit" value="动态注册" />
    </form>
</body>
</html>